<template>
    <div>
      <h1 style="text-align: center;font-size: 24px;margin: 30px 0;">大赛流程</h1>
      <img :src="bigData.processImgUrl" alt="" v-if='bigData.processType == 1 || bigData.processType == null'>
      <div v-else class='w1200'>
        <div v-html='bigData.processContext'></div>
      </div>
    </div>
</template>
           
<script>
export default{
     data() {
      return {
        bigData:{}
      }
    },  
    // props:{
    //   Psdata:Object
    // },  
    // watch:{
    //   Psdata: {
    //     handler(newv, oldv) {
    //       this.bigData = newv
    //     },
    //     immediate: true,
    //     deep: true
    //   }
    // },    
    methods: {
      async getCompetitionZoneList(){
        let {data:res} = await this.API.getCompetitionZoneList()
        this.bigData = res
      }
    },
    mounted() {
      this.getCompetitionZoneList()
    },
}
</script>
<style lang='scss' scoped>
  div{
    img{
      width: 100%;
      height: 100%;
      margin-bottom: 60px;
    }
  }
</style>